<html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
        <!-- 
		.chainlove_promo_wrapper300 {
            border: 1px solid #ccc;
            height: 250px;
            overflow: hidden;
            position: relative;
            text-align: center;
            width: 300px;
            background-color: #fff;
            color: #000;
        } 
		.chainlove_promo_wrapper300 * {
            margin: 0;
            padding: 0;
        } 
		.chainlove_promo_wrapper300 span.promo_h2 {
            display: block;
            background: url(http://content.backcountry.com/images/promos/cl300x250_01.jpg) no-repeat;
            height: 119px;
            text-indent: -10000px;
        } 
		.chainlove_promo_wrapper300 table {
            font: bold 12px Arial, Helvetica, sans-serif;
            height: 90px;
            float: right;
            position: relative;
            top: -10px;
            text-align: left;
            text-transform: uppercase;
            width: 185px;
        } 
		.chainlove_promo_wrapper300 table td.title {
            vertical-align: bottom;
        } 
		.chainlove_promo_wrapper300 span.promo_p strong {
            font-size: 14px;
        } 
		.chainlove_promo_wrapper300 span.savings {
            color: #A51922;
        } 
		.chainlove_promo_wrapper300 img.product {
            border: 0;
            float: left;
            margin-left: 5px;
        } 
		.chainlove_promo_wrapper300 a {
            border: 0;
            text-decoration: none;
        } 
		.chainlove_promo_wrapper300 a.button {
            background: url(http://content.backcountry.com/images/promos/cl300x250_02.gif) no-repeat;
            display: block;
            float: left;
            height: 48px;
            position: relative;
            left: 10px;
            top: -10px;
            text-indent: -10000px;
            width: 101px;
        }
		.description p {
			font-size: 11px;
			color: #111111;
		}
        -->
        </style>
    </head>
    <body>
        <div class="chainlove_promo_wrapper300">
            <span class="promo_h2">Chainlove</span>
            <table border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="title">
                        <span class="promo_p"><strong>{title}</strong></span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="promo_p"><span>${price}</span>
                            <br/>
                            <span class="savings">{savings}% Off Savings</span>
                        </span>
                    </td>
                </tr>
            </table>
            <a href="{buy_url}" title="{title}"><img src="{image_url}" alt="{title}" height="100" width="100" class="product" /></a>
            <br/>
            <a href="{buy_url}" title="Get it" class="button">Get it</a>
        </div>
		<div class="description"><p>{description}</p></div>
    </body>
</html>
